<template>
  <div>
      <template>
         <Tabs  @on-click="handleTab"> 
            <TabPane label="签约管理"  name="ContractTotal"></TabPane>
            <TabPane label="结算管理"  name="AccountTotal"></TabPane>
        </Tabs>
      <component :is="currentTab" keep-alive></component>
    </template>
  </div>
</template>

<script>
import ContractTotal from "./entry_contract_info.vue";
import AccountTotal from "./entry_account_info.vue";

export default {
  name: "tables_page",
  components: {
   ContractTotal,
   AccountTotal,
  }, 
  data() {
    return {
       currentTab: 'ContractTotal' // currentTab 用于标识当前触发的子组件
    }
    
  },
  methods: {
    handleTab:function(name){
     this.currentTab = name
    },
  
  },
   
};
</script>

